<html>
	<head>
		<title>翼马有车-马自达团购</title>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="../css/basic.css">
		<link rel="stylesheet" type="text/css" href="../css/style.css">
		<link rel="stylesheet" type="text/css" href="../css/iconfont.css">
		<link rel="stylesheet" type="text/css" href="../css/swiper.min.css">
		<style type="text/css">
			
		</style>
	</head>
	<body>
		<header>
			<p>翼马有车-马自达团购</p>
		</header>
		<div class="group-content articleDetail">
			<img class="car_img" src="../image/car1.jpg" style="width: 100%;min-height: 225px;" />
			<div class="advertise flex_center_center">
				<div class="advertise-list">
					<img src="../image/sercuty.png" />
					<p>正规经销商特卖</p>
				</div>
				<div class="advertise-list">
					<img src="../image/buy.png" />
					<p>4S店活动特卖价</p>
				</div>
				<div class="advertise-list">
					<img src="../image/time.png" />
					<p style="font-size: 10px;">距结束仅剩<b>06</b>:<b>06</b>:<b>06</b></p>
				</div>
			</div>
			<div class="information padd15">
				<div class="flex_center_between car-title">
					<span class="title">马自达昂克赛拉<i>小轿车</i></span>
					<span class="flex_center_start other_car">
						<img src="../image/carG.png" />
						其他车型
					</span>
				</div>
				<p class="displacement">排量  1.2T/1.5L/1.8L    油耗  4.0L/5.7L</p>
				<p class="price">10.98-15.98<i>万</i></p>
				<p class="flex_center_start allcar_style"><img src="../image/New.png">马自达限时特购车型</p>
				<div class="car-all flex_center_start">
					<div class="car-list active">CX-5</div>
					<div class="car-list">CX-5</div>
					<div class="car-list">CX-5</div>
					<div class="car-list">CX-5</div>
					<div class="car-list">CX-5</div>
					<div class="car-list">CX-5</div>
					<div class="car-list">CX-5</div>
				</div>
				<!-- 提交的信息 -->
				<div class="userInfo">
					<ul>
						<li class="flex_center_start">
							<label>姓名</label>
							<input type="text" placeholder="请输入姓名" />
						</li>
						<li class="flex_center_start">
							<label>手机号</label>
							<input type="number" placeholder="请输入手机号" />
						</li>
					</ul>
					<p class="notice">点击提交即视为同意<b>《个人信息保护声明》</b></p>
					<button style="margin-bottom: 10px;">我要询价</button>
				</div>
			</div>
			<div class="blank333"></div>
			<div class="">
				<img src="../image/service.jpg" />
			</div>
			<div class="blank333"></div>
			<div class="flex_center_start car_process padd15">
				<i>1</i>免费询价<img src="../image/right00.png" />
				<i>2</i>客服预约<img src="../image/right00.png" />
				<i>3</i>参加活动<img src="../image/right00.png" />
				<i>4</i>优惠购车
			</div>
			<div class="blank333"></div>
			<!-- 推荐车型 -->
			<div class="recommend padd15">
				<div class="tab_all flex_center_start">
					<div class="tab-list active">昂克赛拉</div>
					<div class="tab-list">马自达</div>
				</div>
				<div class="recommend_all">
					<div class="recommend_list">
						<div class="flex_center_between title">
							<h4>2021款1.5L自动质悦天窗版</h4>
							<span>12.99万</span>
						</div>
						<div class="flex_center_between person">
							<p>本期已有<i>167</i>人报名</p>
							<span>降价通知</span>
						</div>
						<div class="flex_center_between price">
							<p>指导价：<i>12.69万</i></p>
							<span>获取底价</span>
						</div>
					</div>
				</div>
				<div class="moreData">查看更多车款&gt;</div>
			</div>
			<div class="blank333"></div>
			<!-- 最近询价 -->
			<div class="newPrice padd15">
				<div class="title flex_center_between">
					<div class="flex_center_start">
						<img src="../image/price.png" />最新询价
					</div>
				</div>
				<table>
					<tr>
						<td style="text-align: left;">邱*莹</td>
						<td>188****95</td>
						<td style="text-align: center;color: #e35c23;">马自达</td>
						<td style="text-align: right;">1分钟前</td>
					</tr>
					<tr>
						<td style="text-align: left;">邱*莹</td>
						<td>188****95</td>
						<td style="text-align: center;color: #e35c23;">马自达</td>
						<td style="text-align: right;">1分钟前</td>
					</tr>
				</table>
			</div>
			<div class="blank333"></div>
			<!-- 热门团购 -->
			<div class="hotGroup newPrice search-goods padd15">
				<div class="title flex_center_between">
					<div class="flex_center_start">
						<img src="../image/price.png" />最新询价
					</div>
					<div style="color: #73717d;font-size: 12px;">更多热门团购&gt;</div>
				</div>
				<div class="group-all flex_center_start">
					<div class="group-list">
						<div class="img-box">
							<img src="../image/car1.jpg" />
						</div>
						<div class="info">
							<h3>奥迪A4L</h3>
							<p>本期<b>6590</b>人已报名</p>
							<button>去报名</button>
						</div>
					</div>
					<div class="group-list">
						<div class="img-box">
							<img src="../image/car1.jpg" />
						</div>
						<div class="info">
							<h3>奥迪A4L</h3>
							<p>本期<b>6590</b>人已报名</p>
							<button>去报名</button>
						</div>
					</div>
					<div class="group-list">
						<div class="img-box">
							<img src="../image/car1.jpg" />
						</div>
						<div class="info">
							<h3>奥迪A4L</h3>
							<p>本期<b>6590</b>人已报名</p>
							<button>去报名</button>
						</div>
					</div>
				</div>
			</div>
			<div class="blank333"></div>
			<!-- 提交的信息 -->
			<div class="userInfo padd15" style="padding-top: 15px;">
				<ul>
					<li class="flex_center_start">
						<label>姓名</label>
						<input type="text" placeholder="请输入姓名" />
					</li>
					<li class="flex_center_start">
						<label>手机号</label>
						<input type="number" placeholder="请输入手机号" />
					</li>
				</ul>
				<p class="notice">点击提交即视为同意<b>《个人信息保护声明》</b></p>
				<button style="margin-bottom: 10px;">我要询价</button>
			</div>
		</div>
		<script type="text/javascript" src="../js/jquery-3.2.1.min.js"></script>
		<script type="text/javascript" src="../js/swiper.min.js"></script>
		<script type="text/javascript">
			$(".car-all").on("click",".car-list",function(){
				$(this).addClass("active").siblings().removeClass("active");//切换车型
				// 切换图片,dd为需要切换的图片路径
				let dd=''
				$(".car_img").attr("src",dd)
			})
		</script>
	</body>
</html>